<template>
    <div>
    <van-nav-bar>
        <template #title>
       <span style="fontSize:.55rem;">约课记录</span>
       </template>
       </van-nav-bar>    
       <ul>
           <li @click="$router.push('/point')"><van-icon name="orders-o" color="orange"/>
           <p>考点专练</p>
           </li>
            <li @click="$router.push('/paperPage')"><van-icon name="edit" color="skyblue"/>
            <p>套卷练习</p>
           </li>
            <li @click="$router.push('/exam')"><van-icon name="todo-list-o" color="pink"/>
            <p>仿真模考</p>
           </li>
            <li @click="$router.push('/errorques')"><van-icon name="close" color="red"/><p>错题练习</p>
           </li>
            <li @click="$router.push('/assess')"><van-icon name="records" color="greenyellow"/>
            <p>测评记录</p>
           </li>
            <li><van-icon name="star-o" color="yellow"/>
            <p>习题收藏</p>
           </li>
       </ul>
       <div class="footer" style="background:#fff;">
           <p style="font-size:.5rem;color:#ccc;">近期模考</p>
           
        <p><span style="color:rgb(235, 97, 0);font-size:.4rem;">默认排序</span><span style="float:right;">时间</span></p>
<div class="text" style=" text-align: center;padding-bottom:.5rem;">
    <img style="width:100px;" src="../assets/empty@2x.a2fa524d.png" alt="">
    <p>暂无安排，请请尽情期待</p>
</div>
       </div>
    </div>
</template>

<script>
export default {
  name: "EverydayPractice",

  data() {
    return {};
  },

  mounted() {},

  methods: {}
};
</script>

<style lang="scss" scoped>
ul{margin: 0.3rem;
border-radius:.5rem; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    text-align: center;
    padding: .5rem 0;
    li{
        .van-icon{
            font-size: .9rem;
        }
        width: 25%;

    }
}
.footer{
    padding:0.1rem .4rem;
}
</style>